/**
 * Created by huaicheng151201@163.com on 2017/9/29 0029.
 * Author : dhc
 * summary : null
 */
var urlHead = GetQueryString("urlHead");
var page = 1;
$(function () {
    $(".v_share").load("share.html");
    $(".v_share,.notice_pop").height( window.innerHeight + "px" );
    // 打开分享功能
    $(".share").on("tap",function () {
        $(".v_share,.share_box").removeClass("hide");
    });
    // 返回上一步
    $(".return").on("tap",function () {
        history.back();
    });
    // 查看更多视频
    $(".loading_btn").on("tap",function () {
        page ++ ;
        getAllVideo( page );
    });
    // 切换到上传页面
    $(".love_title span:nth-child(3)").on("tap",function () {
        window.location.href = "love_upload.html";
    });
    // 全选
    $(".all_check").on("tap",function () {
        $(this).toggleClass("active");
        if( $(this).hasClass("active") ){
            $(".related_details .title_check").addClass("active");
        }else{
            $(".related_details .title_check").removeClass("active");
        }
    });
    $(".love_title select").on("change",function () {
        var classId = $(this).find("option:selected").attr("data-id");
        $(".related_details ul").html("");
        getAllVideo(1,classId);  // 获取全部视频
    });
    // 删除视频
    $(".delete_video").on("tap",function () {
        var video = [];
        var span = $(".related_details ul li").find(".l_title span:nth-child(1)");
        var spanAct = $(".related_details ul li").find(".l_title span:nth-child(1).active");
        // if( spanAct.parents("li").length == 1 ){
        //     video.push(spanAct.parents("li").attr("data-id"));
        // }else{
            spanAct.parents("li").each(function () {
                video.push(spanAct.parents("li").attr("data-id"));
                console.log(spanAct.parents("li:last"));
            });
        // }
        console.log(video);
        if( video.length > 0 ){
            $.ajax({
                url : urlHead + "/AppApi/DeleteAppDub",
                type: "post",
                dataType : "json",
                data : {
                    "allid": video
                },
                success : function (data) {
                    if( data.Code == 1 ){
                        toastShow( data.Desc );
                        $(".related_details ul").html("");
                        getAllVideo(1);  // 获取所有视频
                    }
                }
            });
        }else{
            toastShow("请选择您想要删除的视频");
        }

    });
    getVideoClassification();   // 获取视频分类
    getAllVideo(1);  // 获取所有视频
});
// 获取url地址栏参数
function GetQueryString(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]);return null;
}
// 获取视频分类
function getVideoClassification(){
    var selectClass = "";
    $.ajax({
        url : urlHead + "/AppApi/SelectDubsmashClassify",
        dataType : "json",
        type : "post",
        success : function (data) {
            if( data.Code == "1" ){
                var list = data.data;
                selectClass += "<option data-id='0'>所有分类</option>";
                for( var i=0;i<list.length;i++ ){
                    selectClass += "<option data-id='"+list[i].id+"'>"+list[i].name+"</option>";
                }
                $(".love_title select").html( selectClass );
            }
        }
    });
}
// 获取全部视频
function getAllVideo(Pageindex,classId){
    var Pagesize = 4;   // 每页显示个数
    var videoMSG = "";
    $.ajax({
        url : urlHead + "/AppApi/SelectUserAppDub",
        type: "post",
        dataType : "json",
        beforeSend : function () {
            $(".loading_btn").html( "加载中、、、" );
        },
        data : { "Pageindex" : Pageindex,"Pagesize" : Pagesize,"id" : classId },
        success : function (data) {
            if( data.Code == 1 ){
                var list = data.data;
                for( var i=0;i<list.length;i++ ){
                    videoMSG += '<li data-id="'+list[i].id+'" data-about="'+list[i].about+'">' +
                        '<div class="details_msg">' +
                        '<img src="'+list[i].img+'" alt="">' +
                        '<p class="l_play"><img src="images/vision_play.png" alt=""></p>' +
                        '<p class="l_title">' +
                        '<span class="title_check" onclick="checked(this)"><b></b></span>' +
                        '<span>'+list[i].dclassify+'</span></p>' +
                        '<p class="examine" data-isaudit="'+list[i].isaudit+'">审核中</p>' +
                        '</div>' +
                        '<div class="details_title">'+list[i].title+'</div>' +
                        '<div class="details_other">' +
                        '<span><b></b>'+list[i].name+'</span>' +
                        '<span><b></b>'+list[i].amountofplay+'次</span>' +
                        '<span><b></b>'+list[i].date+'</span>' +
                        '</div></li>';

                }
                if( data.Desc == "数据为空！" ){
                    $(".loading_btn").html( "暂无数据" );
                }else{
                    $(".loading_btn").html( "查看更多" );
                    $(".related_details ul").append( videoMSG );
                    // 是否审核
                    $(".related_details ul li").each(function () {
                        var isaudit = $(this).find(".examine").attr("data-isaudit");
                        if( isaudit == 1 ){
                            $(this).find(".examine").addClass("hide");
                        }
                    });
                }
            }else{
                $(".loading_btn").html( data.Desc );
            }
        }
    });
}
// toast 提示文字
function  toastShow(text){
    $(".toast_msg").css({"opacity":"1"});
    $(".toast_msg span").html( text );
    setTimeout(function () {
        $(".toast_msg").animate({"bottom":"40%"},100)
            .animate({"opacity":"1"},1000)
            .animate({"opacity":"0"},800)
            .animate({"bottom":"-10%"},100);
    },2000);
}
// 多选
function checked(opt){
    if( $(opt).hasClass("active") ){
        $(opt).removeClass("active");
    }else{
        $(opt).addClass("active");
    }
}